// 渐变轮播图
// 渐变轮播图
// 渐变轮播图
$('.wrg_dot>a').mouseover(function () {
    $(this).addClass('on2').siblings().removeClass('on2');
    var ind = $(this).index();
    console.log(ind);
    $('.wrg_img img').eq(ind).addClass('on').siblings().removeClass('on');
    // $('.wrg_img img').eq(ind).fadeOut().siblings().fadeIn();
})
function auto() {
    var flag = 1;
    intId = setInterval(function () {
        if (flag == 5) {
            flag = 0;
            $('.wrg_dot a').eq(flag).addClass('on2').siblings().removeClass('on2');
            $('.wrg_img img').eq(flag).addClass('on').siblings().removeClass('on');
        } else {
            $('.wrg_dot a').eq(flag).addClass('on2').siblings().removeClass('on2');
            $('.wrg_img img').eq(flag).addClass('on').siblings().removeClass('on');
        }
        flag++;
    }, 2000)
}
$('.wrg_img').mouseover(function () {
    clearInterval(intId);
})
$('.wrg_img').mouseout(function () {
    auto();
})
auto();

// 二级导航
// 二级导航
// 二级导航

$('.wrg_lef>li').mouseover(function () {
    $(this).css('background-color', '#006bbc').siblings().css('background-color', '');
    var indexId = $(this).index();
    $('.level>div').eq(indexId).css('display', 'block').siblings().css('display', 'none');
    $('.blockage').eq(indexId).css('display', 'block');
})
$('.wrg_lef>li').mouseout(function () {
    $(this).css('background-color', '');
    var indexId = $(this).index();
    $('.level>div').eq(indexId).css('display', 'none');
    $('.blockage').eq(indexId).css('display', 'none');
})

//  隐藏页面不隐藏
$('.level>div').mouseover(function () {
    $(this).css('display', 'block').siblings().css('display', 'none');
})
$('.level>div').mouseout(function () {
    $(this).css('display', 'none');
})


// 热门推荐二级导航
// 热门推荐二级导航
// 热门推荐二级导航

$.getJSON('../mock/electric.json', function (data) {
    showPage(data[0].ele[0])
    $('.new_product').mouseover(function () {
        $(this).addClass('on3').parent().siblings().children("a").removeClass('on3');
        var onIndex = $(this).addClass('on3').parent().index();
        showPage(data[0].ele[onIndex]);
    })
})
function showPage(data) {
    var pageData = ` `;
    for (var i = 0; i < data.length; i++) {
        console.log(data.length);
        pageData += `
        <li>
        <div class="hot_bot_img">
            <a href="">
                <img src="${data[i].url}" alt="">
            </a>
        </div>
        <div class="price">${data[i].goods_price}</div>
        <div class="hot_name">
            <a href="">
                ${data[i].goods_name}
            </a>
        </div>
        <div class="btn">
            <a href="">
                查看详情
            </a>
        </div>
    </li>
    `
    }
    $('.hot_bot_list').html(pageData);
}


// 厨房电器二级导航
// 厨房电器二级导航
// 厨房电器二级导航


// 111
$.getJSON('../mock/electric.json', function (data) {
    family(data[0].kit[0],'.kitchen_rig_list1')
    $('.kitchen_list1 li').mouseover(function () {
        $(this).addClass('on5').siblings().removeClass('on5');
        var intId = $(this).index();
        family(data[0].kit[intId],'.kitchen_rig_list1');
    })
})
// 222
$.getJSON('../mock/electric.json', function (data) {
    family(data[0].home[0],'.kitchen_rig_list2');
    $('.kitchen_list2 li').mouseover(function () {
        $(this).addClass('on5').siblings().removeClass('on5');
        var intId = $(this).index();
        family(data[0].home[intId],'.kitchen_rig_list2');
    })
})

// 333
$.getJSON('../mock/electric.json', function (data) {
    family(data[0].fitness[0],'.kitchen_rig_list3');
    $('.kitchen_list3 li').mouseover(function () {
        $(this).addClass('on5').siblings().removeClass('on5');
        var intId = $(this).index();
        family(data[0].fitness[intId],'.kitchen_rig_list3');
    })
})

// 444
$.getJSON('../mock/electric.json', function (data) {
    family(data[0].metals[0],'.kitchen_rig_list4');
    $('.kitchen_list4 li').mouseover(function () {
        $(this).addClass('on5').siblings().removeClass('on5');
        var intId = $(this).index();
        family(data[0].metals[intId],'.kitchen_rig_list4');
    })
})

// 555
$.getJSON('../mock/electric.json', function (data) {
    family(data[0].wiring[0],'.kitchen_rig_list5');
    $('.kitchen_list5 li').mouseover(function () {
        $(this).addClass('on5').siblings().removeClass('on5');
        var intId = $(this).index();
        family(data[0].wiring[intId],'.kitchen_rig_list5');
    })
})
function family(data,list) {
    var pageFmy = `
    <li class="first">
        <div class="p-img">
        <a href="">
            <img src="${data[0].url}" alt="">
        </a>
            </div>
            <div class="p-info">
                <div class="info-name"><a href="">${data[0].goods_name}</a></div>
                <div class="info-handle">
                    <div class="info-price">
                        ${data[0].goods_price}
                    </div>
                    <a href="" class="info-btn" target="_blank">查看详情</a>
                </div>
            </div>
        </li>
        `;
    for (var i = 1; i < data.length; i++) {
        pageFmy += `
        <li>
        <div class="p-img2">
            <a href=""><img src="${data[i].url}" alt=""></a>
        </div>
        <div class="p-name"><a href="">${data[i].goods_name}</a></div>
        <div class="p-price">${data[i].goods_price}</div>
    </li>
    `
    }
    $(list).html(pageFmy);
}




// 随手购
// 随手购
// 随手购
$('.conveniently_dot a').mouseover(function () {
    $(this).addClass('on6').siblings().removeClass('on6');
    var intId = $(this).index();
    $('.conveniently_bot_list').animate({
        left: Number(-1200 * intId)
    })
})
$.getJSON('../mock/electric.json',function(data){
    casual(data[0].Readily[0]);
})
function casual(data){
    var pageCsl = ``;
    for(var i=0;i<data.length;i++){
        pageCsl += `
        <li>
             <div class="conveniently_bot_list_img">
                <a href=""><img src="${data[i].url}" alt=""></a>
            </div>
            <div class="conveniently_bot_list_price">
                            ${data[i].goods_price}
             </div>
            <div class="conveniently_bot_list_text">
                    <a href="">${data[i].goods_name}</a>
            </div>
            <a class="conveniently_bot_list_details" href="javascript:;">
                                查看详情
            </a>
        </li>`
    }
    $('.conveniently_bot_list').html(pageCsl);
}
// 鼠标进入和离开事件
$('.conveniently_bot_list_details').mouseover(function(){
    console.log('aaaaaaaaaaaaaaaaaaa');
    $(this).css({
        'background-color':'red',
        'color':'white'
    }).parents('li').siblings().find('.conveniently_bot_list_details').css({
        'background-color':'',
        'color':''
    })
})
$('.conveniently_bot_list_details').parent().mouseout(function(){
    $(this).css({
        'background-color':'',
        'color':''
    })
})
var flag = 0;
$('.conveniently_bot_rig').click(function () {
    flag++;
    if (flag == 3) {
        flag = 2
    } else {
        $('.conveniently_bot_list').animate({
            left: (-1200 * flag)
        })
    }
})
var count = 2;
$('.conveniently_bot_lef').click(function () {
    count--;
    if (count < 0) {
        count = 0
    } else { 
        $('.conveniently_bot_list').animate({
            left: (-1200 * count)
        })
    }
})


// 楼层导航
// 楼层导航
// 楼层导航

$('.floor a').hover(function(){
    $(this).css({
        'background-color':'#2e84e9',
        'color':'white'
    }).siblings().css({
        'background-color':'',
        'color':''
    })
},function(){
    $(this).css({
        'background-color':'',
        'color':''
    })
})

var storiedTop = $('.storied_building').offset().top;
$(window).scroll(function(){
    if($(this).scrollTop() >= storiedTop){
        $('.floor').fadeIn();
    }else{
        $('.floor').fadeOut();
    }
    $('.storied_building').each(function(index ,value){
        if($(window).scrollTop() >= value.offsetTop){
            $('.floor a').eq(index).addClass('on8').siblings().removeClass('on8');
        }
    })
})
$('.floor a').click(function(){
    var indexId = $(this).index();
    var indexTop = $('.storied_building').eq(indexId).offset().top;
    $('html').animate({
        scrollTop:indexTop
    })
})


// 侧边栏
// 侧边栏
// 侧边栏

$('.tianchu').click(function () {
    $('.i_avatar_box').css('display', 'block')
    $('.i_menbu').css('display', 'block')
})
$('.xiaoshi').click(function () {
    $('.i_avatar_box').css('display', 'none')
    $('.i_menbu').css('display', 'none')
})

/* 回到顶部 */
$(window).scroll(function () {
    console.log(11);
    // 监听滚动条
    console.log($(window).scrollTop());
    if ($(window).scrollTop() >= 100) {
        $(".fanhui").fadeIn(600);
    } else {
        $(".fanhui").fadeOut(600);
    }
})

$(".fanhui").click(function () {
    $("html").animate({
        scrollTop: 0
    }, 1000)
})
// $('.ibar_closebtn').click(function () {
//     $(".i_accen").animate({
//         right: -270
//     }, 500, "linear")
// })
$(".wkuan").click(function () {
    // toggle(speed, easing, callback)
    $(".i_go-shop").toggle(500, "swing", function () {
    })
})



